<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <title>备忘录页面</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<!--  1、 框架标签引入区 （start）-->
<!--  1、 框架标签引入区 （end）-->
<!--  2、 CSS声明区 （start）-->
<!--  2.0、引入CSS区 （start）-->
	<link rel="stylesheet" href="<%=request.getContextPath() %>/other/layui/css/layui.css"/>
  	<link rel="stylesheet" href="<%=request.getContextPath() %>/freeStyle/css/saber.css"/>
<!--  2.0、 引入CSS区 （end）-->
<!--  2.1、本界面CSS区 （start）-->
<!--  2.1、 本界面CSS区 （end）-->
<!--  2、 CSS声明区 （end）-->
<!--  3、JS声明区 （start）-->
<!--  3.0、 导入外部JS区 （start）-->
<!--  3.0、 导入外部JS区 （end）-->
<!--  3.1、 全局变量声明区 （start）-->
<script type="text/javascript">

</script>
<!--  3.1、 全局变量声明区 （end）--> 
<!--  3.2、 初始化区 （start）-->
<script type="text/javascript">

</script>
<!--  3.2、 初始化区 （end）-->
<!--  3.3、 页面控制区 （start）-->
<script type="text/javascript">

</script>
<!--  3.3、 页面控制区 （end）-->
<!--  3.4、 事件区 （start）-->
<script type="text/javascript">
function addBasememory(id,type){
	var url ="<%=request.getContextPath() %>/basememory/basememoryManagement.html?id="+id+"&pagetype="+type+"";
	layer.open({
		  type: 2 //此处以iframe举例
	        ,title: ['用户新增', 'font-size:18px;background-color:#fff;color:#000']
	        ,area: [$(document.body).width()-50+'px', $(document.body).height()-50+'px']
	        ,shade: 0
	        ,maxmin: true
	        ,content: url
	        ,zIndex: layer.zIndex //重点1
	        ,end :function(){
	        	layui.table.reload('basememoryList', {
            		  url: '<%=request.getContextPath() %>/basememory/loadBasememoryList.html'
            		  ,where: {} //设定异步数据接口的额外参数
            	});
	        }
		});    
}
function DownExeclBasememory(){
	var exceldata ="备忘录数据"
       	exceldata+="||content:内容"
       	exceldata+="||type:类型"
       	exceldata+="||createUserId:创建者ID"
       	exceldata+="||createUserName:创建者"
       	exceldata+="||createTime:创建时间"
	var type =$("#type").val();
	window.location.href='<%=request.getContextPath() %>/basememory/DownExeclBasememory.html?exceldata='+exceldata+'&type='+type;
}
function reloadList(){
	tableIns.reload({
		  where: { //设定异步数据接口的额外参数，任意设
			  type:$("#type").val()
		  }
		  ,page: {
		    curr: 1 //重新从第 1 页开始
		  }
		});
}
</script>
<!--  3.4、 事件区 （end）-->
<!--  3.5、 回调区 （start）-->
<script type="text/javascript">
		
</script>
<!--  3.5、 回调区 （end）-->
<!--  3.6、 业务逻辑区 （start）-->
<!--  3.6、 业务逻辑区 （end）-->

<!--  3、 JS声明区 （end）-->
<body class="body">
<input type="hidden" name="exceldata" id="exceldata" >
	<div class="toobar">
		<div class="btn-left">
		 	<button onclick="addBasememory('','add')" class="layui-btn fps-btn-color layui-btn-radius layui-btn-sm"><i class="layui-icon">&#xe654;</i>备忘录新增</button>
		</div>
		<div class="btn-right">
		 	<button onclick="DownExeclBasememory()" class="layui-btn  layui-btn-radius fps-btn-color fps-btn-sm"><i class="layui-icon">&#xe601;</i>Excel导出</button>
		</div>
	</div>
	<div style="margin: 90px 50px 30px;background:#fff;padding:20px;">
		<div style="overflow:hidden;padding-bottom:10px;">
			<div style="float:left">
				 <p style="float:left;line-height:32px;">类型：</p>
				<input type="text" name="type" id="type" style="float:left;width:206px;height:32px;margin:0 2px;border:1px solid #ddd;"  value="" placeholder="请输入类型"  class="layui-input">
			</div>
			<button class="layui-btn fps-btn-color fps-btn-sm" onclick="reloadList()"><i class="layui-icon">&#x1002;</i></button>
		</div>
		<table class="layui-hide" id="basememoryList" lay-filter="basememoryList"></table>
	</div>
</body>
 <script type="text/html" id="barTool">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript" src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/common/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/dateformat.js"></script>
<script type="text/javascript">
var tableIns;
layui.use('table', function(){
	  var table = layui.table,form = layui.form;
	  tableIns = table.render({
	    elem: '#basememoryList'
	    ,url: '<%=request.getContextPath() %>/basememory/loadBasememoryList.html'
  		,where: {} //设定异步数据接口的额外参数
	    ,cols: [[ //标题栏
	       {type:'numbers'}
  		,{field: 'content', title: '内容'}
  		,{field: 'type', title: '类型'}
  		,{field: 'createUserId', title: '创建者ID'}
  		,{field: 'createUserName', title: '创建者'}
    	,{field: 'createTime', title: '创建时间',templet:'<div>{{ Format(d.createTime,"yyyy-MM-dd")}}</div>'  }
	      ,{fixed: 'right', width:178, align:'center', toolbar: '#barTool'}
	    ]]
	   // ,data: dateJson
	  	,page: true
	  });
	//监听工具条
	  table.on('tool(basememoryList)', function(obj){
	    var data = obj.data;
	    if(obj.event === 'detail'){
	    	addBasememory(data.id,"detail");
	    } else if(obj.event === 'del'){
	      layer.confirm('请确认是否删除？', function(index){
	    	  $.ajax({
	              url:"<%=request.getContextPath() %>/basememory/deleteBasememory.html",
	              type:"post",
	              async: false,
	              data:{id:data.id},
	              success:function(res){
	      	        layer.close(index);
	      	      	layui.table.reload('basememoryList', {
            		  url: '<%=request.getContextPath() %>/basememory/loadBasememoryList.html'
            		  ,where: {} //设定异步数据接口的额外参数
            		});
	              },
	              error:function(e){
	            	  layer.alert("删除失败！");
	              }
	          });  
	      
	      });
	    } else if(obj.event === 'edit'){
	    	addBasememory(data.id,"edit");
	    }
	  });
	});

</script>
</body>
</html>